<section>
<div class="container">
	<div class="row">
	<main class="col-md-8 pull-left">
	<article class="article-area">
	<h3 class="text-center">这是个测试</h3>
	<div class="article-meta text-center">
	<span>作者：萧末</span>&nbsp;&nbsp;
	<span><i class="glyphicon glyphicon-eye-open"></i>&nbsp;12</span>&nbsp;&nbsp;
	<span><i class="glyphicon glyphicon-dashboard"></i>&nbsp;2016-12-4</span>
	</div>
	<div class="article-thumize">
	   <img alt="" src="http://image.golaravel.com/e/d5/0dd5c3a731c98638a076afe8ce6de.png" class="img-responsive center-block">
	</div>
	<div class="article-content">
	   <p>博客尚未开通请等待</p>
	</div>
	<div class="article-more">
	   <a class="btn btn-warning" href="#">阅读全文</a>
	</div>
	<div class="article-tags">
	   <span><i class="glyphicon glyphicon-tag"></i>&nbsp;&nbsp;</span>
	   <span><a href="#" class="label label-info">文章</a></span>&nbsp;&nbsp;
	   <span><a href="#" class="label label-info">文章</a></span>&nbsp;&nbsp;
	</div>
	</article>
	<article class="article-area">
	<h3 class="text-center">这是个测试</h3>
	<div class="article-meta text-center">
	<span>作者：萧末</span>&nbsp;&nbsp;
	<span><i class="glyphicon glyphicon-eye-open"></i>&nbsp;12</span>&nbsp;&nbsp;
	<span><i class="glyphicon glyphicon-dashboard"></i>&nbsp;2016-12-4</span>
	</div>
	<div class="article-thumize">
	   <img alt="" src="http://image.golaravel.com/e/d5/0dd5c3a731c98638a076afe8ce6de.png" class="img-responsive center-block">
	</div>
	<div class="article-content">
	   <p>博客尚未开通请等待</p>
	</div>
	<div class="article-more">
	   <a class="btn btn-warning" href="#">阅读全文</a>
	</div>
	<div class="article-tags">
	   <span><i class="glyphicon glyphicon-tag"></i>&nbsp;&nbsp;</span>
	   <span><a href="#" class="text-success">文章</a></span>&nbsp;&nbsp;
	   <span><a href="#" class="text-success">文章</a></span>&nbsp;&nbsp;
	</div>
	</article>
	</main>
	<div class="col-md-4 pull-right sidebar">
	   <div class="widget">
	   <h4 class="title">标签云</h4>
	   <div class="content">
	   
	   </div>
	   </div>
	   <div class="widget">
	   <h4 class="title">赏一个呗</h4>
	   <div class="content">
	   <img src="<{$img_dir}>wx_pay2.png" class="img-responsive" />
	   <img src="<{$img_dir}>zfb_pay.jpg" class="img-responsive" />
	   </div>
	   </div>
	</div>
	<div class="clearfix"></div>
	<div class="pager" >
      <a href="#" class="btn btn-warning"><i class="glyphicon glyphicon-chevron-left"></i>&nbsp;</a>
      <button type="button" class="btn btn-warning"><span>第2页/共5页</span></button>
      <a href="#" class="btn btn-warning"><i class="glyphicon glyphicon-chevron-right"></i>&nbsp;</a>
    </div>
	</div>
</div>
</section>